<template>
    <a-icon class="iconWrap" :style="styles" :type="type"></a-icon>
</template>
<script>
export default {
    name: 'Icons',
    props: {
        type: {
            type: [String, Number],
        },
        styles: {
            type: [Object,],
            default: () => { }
        }
    }
}
</script>
<style lang="less" scoped>
.iconWrap {
    font-size: 16px;
}

.ant-menu-inline-collapsed>.ant-menu-item .anticon,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-item .anticon,
.ant-menu-inline-collapsed>.ant-menu-item-group>.ant-menu-item-group-list>.ant-menu-submenu>.ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title .anticon {
    font-size: 16px ;
}
</style>